<script setup>
</script>

<template>
    <div class="button" >
        <slot></slot>
    </div>

</template>
<style scoped >

.button {
    display: inline-block;
    /* width: 70px; */
    height: 30px;
    border-radius: 5px;
    color: #303133;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    opacity: 1;
    margin: 0 10px;
    border: 1px solid #303133;
}

.button:hover {
    opacity: 0.8;
}

.button:active {
    transform: translateY(3px);
}
</style>